<nz-layout class="app-layout">
  <nz-sider class="menu-sidebar"
            nzCollapsible
            nzWidth="256px"
            nzBreakpoint="md"
            [(nzCollapsed)]="isCollapsed"
            [nzTrigger]="null">
    <div class="sidebar-logo">
      <a  target="_blank">
      <!-- LOGO
       <img src="/assets/images/xgmlogo.svg" alt="logo">-->
        <h1>咖啡品质管控系统</h1>
      </a>
    </div>

    <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed" >
      <li nz-submenu [nzOpen]="false" nzTitle="{{r.name}}" nzIcon="form" *ngFor="let r of menulist">
        <ul>
          <li nz-menu-item nzMatchRouter *ngFor="let s of r.child">
            <a routerLink="{{s.path}}">{{s.name}}</a>
          </li>
        </ul>
      </li>
    </ul>



  </nz-sider>
  <nz-layout>

    <nz-header>
      <div class="app-header">
        <span class="header-trigger" (click)="isCollapsed = !isCollapsed">
            <i class="trigger"
               nz-icon
               [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"
            ></i>
        </span>
      </div>
    </nz-header>

    <nz-content>
      <div class="inner-content">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
    <!--<nz-footer></nz-footer>-->

  </nz-layout>
</nz-layout>
